<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

<!DOCTYPE html PUBLIC "-//W3C//Ddiv HTML 4.01 divansitional//EN" "http://www.w3.org/div/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-81">
  <%@ include file="/WEB-INF/include/meta.jsp"%>
  <%@ include file="/WEB-INF/include/css.jsp"%>
  <link href="${ctx.resource}/css/goals.css" rel="stylesheet">
  <title>人马君</title>
</head>
<body>
  <body>
    <div class="page-group">
      <div class="page page-current">
        <header class="bar bar-nav fs-header-small">
          <a href="${ctx.host}/rounds/${courseRoundId}/weekly-plans" class="icon icon-left pull-left"></a>
          <h1 class="title" style="font-weight: bold;">第${week}周计划</h1>
        </header>
        
        <!-- <nav class="bar bar-tab" style="padding: 0 .5rem;">
          <div class="tab-item external">
            <c:if test="${week > 1}">
              <a href="${ctx.host}/rounds/${courseRoundId}/weekly-plan?week=${week-1}">
                <span class="icon icon-left" style="font-size: .7rem;"></span>
                <span class="tab-label" style="font-size: .7rem;">上一周</span>
              </a>
            </c:if>
          </div>
          
          <div class="tab-item external" style="width: 5%;">
            <c:if test="${!generated}">
              <a href="javascript:void(0);" style="width: 100%;">
                <button class="button button-light batch-link" style="width: 100%; position: static; height: 1.5rem; line-height: 1.5rem; background: #FEDC32; color: #555;">发送课件</button>
              </a>
            </c:if>
          </div>
          <div class="tab-item external">
            <c:if test="${week < maxWeek}">
              <a href="${ctx.host}/rounds/${courseRoundId}/weekly-plan?week=${week+1}">
                <span class="icon icon-right" style="font-size: .7rem;"></span>
                <span class="tab-label" style="font-size: .7rem;">下一周</span>
              </a>
            </c:if>
          </div>
        </nav> -->
      
        <div class="content">
          <div class="buttons-tab course-tab">
            <a href="javascript:void(0);" class="button active">饮食</a>
            <a href="${ctx.host}/rounds/${courseRoundId}/weekly-plan/exercise?week=${week}" class="button">运动</a>
          </div>
          
          <div class="content-block target-course weekly-plan" style="padding: 0; margin: 0">
            <div class="basic-item">
              <div class="item flex-shrink">早餐</div>
              <div class="item"><p>${dietary.breakfastDescription}</p></div>
            </div>
            <div class="basic-item">
              <div class="item flex-shrink">早餐加餐</div>
              <div class="item"><p>${dietary.breakfastSnackDescription}</p></div>
            </div>
            <div class="basic-item">
              <div class="item flex-shrink">午餐</div>
              <div class="item"><p>${dietary.lunchDescription}</p></div>
            </div>
            <div class="basic-item">
              <div class="item flex-shrink">午餐加餐</div>
              <div class="item"><p>${dietary.lunchSnackDescription}</p></div>
            </div>
            <div class="basic-item">
              <div class="item flex-shrink">晚餐</div>
              <div class="item"><p>${dietary.dinnerDescription}</p></div>
            </div>
            <div class="basic-item">
              <div class="item flex-shrink">晚餐加餐</div>
              <div class="item"><p>${dietary.dinnerSnackDescription}</p></div>
            </div>
            <div class="basic-item">
              <div class="item flex-shrink">饮水量</div>
              <div class="item"><p>${dietary.waterIntake}</p></div>
            </div>
            <div class="basic-item">
              <div class="item flex-shrink">备注</div>
              <div class="item"><p>${dietary.remark}</p></div>
            </div>
          </div>
          <!-- <div class="text-center" style="background: #fff190; padding: 1rem 0;">营养元素</div>
          <div class="content-block target-course weekly-plan" style="padding: 0; margin: 0">
            <div class="basic-item">
              <div class="item flex-shrink">碳水化合物</div>
              <div class="item">
                <p>来源：<span>粗粮，根茎类蔬菜</span></p>
                <p>GI值：<span>高</span></p>
              </div>
            </div>
            <div class="basic-item">
              <div class="item flex-shrink">蛋白质</div>
              <div class="item"><p>来源：<span>豆类，肉类(瘦肉)</span></p></div>
            </div>
            <div class="basic-item">
              <div class="item flex-shrink">维生素及纤维素</div>
              <div class="item"><p>来源：<span>叶子蔬菜，水果</span></p></div>
            </div>
          </div> -->
        </div>
      </div>
    </div>
  <%@ include file="/WEB-INF/include/script.jsp"%>
  <%-- <d:resource type="script" root="${ctx.resource}/build" src="js/page/basic/result.js" />
  <script type="text/javascript">
    require(['page/basic/result'], function(page) {
      page.init()
    })
  </script> --%>
  
  </body>
</html>
